/*内页banner*/
.innerbanner{ width: 100%; overflow: hidden; text-align: center; }
.innerbanner img{ width: 100%; height: 100%; overflow: hidden;  }
.innerbanner span{ position: absolute; top: 100px; font-size:48px; color:#fff; 
	 line-height: 100px; background:rgba(66,135,0,0.7); padding: 0 20px;  }




/*关于我们内页导航*/
.innerpagetitle{ border-top: 5px solid #f0a246;color: #fff; height:100px; 
	line-height: 100px; width: 100%; background: #01458e; margin-top:-10px; position: relative; margin-bottom: 50px  }
.innerpagetitle strong{ font-size:30px; float: left;  }
.innerpagetitle p{ float: right; line-height: 100px; color: #fff}
.innerpagetitle em{ left: 50%; margin-left:-35px; }
.innerpagetitle p a{ color: #fff }

.textcon p{ line-height: 30px; font-size: 16px; margin-bottom: 20px; text-indent: 30px }
.textcon img{ margin-bottom: 20px; margin:10px auto; display: inline-block; max-width:100%; }
.innericon { position:absolute;  left: 0; top: 0; top: 75px; }
.innericon img{border-radius: 50%; border:5px solid #01458e; height: 50px; width: 50px; }


.textcon{ margin-top:50px;}



/*产品中心内页*/
.conleft{ float: left; width: 200px; margin-top: 30px; background:#fff; }
.conleft img{ background: #01458e; width: 200px }
.conright{ float: right; width: 917px; float: right; min-height: 500px; background:#fff; padding:0 20px; margin-top: 30px }
.pronav{ background:#01458e;line-height: 50px;  padding-left: 20px; font-size: 16px; border-bottom: 1px solid #ccc }
.pronav a{ color:#fff; }
.prosubnav  li{ background:#fff; height: 40px; line-height: 40px; 
	margin-left:-20px; font-size: 16px; padding-left: 30px;
	font-size: 14px; border-bottom: 1px solid #ccc;  transition:1s; }
.prosubnav  li a{ color:#666  }
.prosubnav  li:hover a{ color: #2d5c00; margin-left: 10px; }
.procon{ float: left; width: 925px; padding:30px 0; }
.procon .proconlist li{ float: left; margin-right: 25px; width: 283px; }
.procon .proconlist li img{ width: 100%; overflow: hidden; height: 230px }
.proconlist li{ margin-bottom:15px; box-shadow: 5px 5px 5px #ccc; background: #fff; text-align: center; }
.proconlist li img{ height:300px; overflow: hidden; }
.proconlist li p{ height: 50px; line-height: 50px; font-size: 18px }



/*新闻列表页面*/
.activelist  dl{ height: 200px; overflow: hidden; margin-bottom: 40px; transition: 0.8s; }
.activelist  dl dt{ float: left; width: 300px; height: 200px; margin-right: 10px }
.activelist  dl dt img{ height: 100%;  width: 100%   }
.activelist  dl dd{ line-height: 30px }
.activelist  dl dd strong a{ font-size: 18px; color:#01458e  }
.activelist  dl dd p{ margin-bottom:20px;height:100px; overflow: hidden;}
.activelist  dl dd  span{ margin-right: 6px;  color: #666 }
.activelist  dl dd a.ac{ background: #01458e; font-size: 12px; 
  height: 30px; line-height: 30px; color: #fff; width: 80px; 
  display: inline-block; text-align: center; }
.activelist  dl:hover a{ color: #01458e }


/*分页*/
.page {
	width:100%;
	height:auto;
	margin:0px auto;
	overflow:hidden;
	text-align:center;
	margin:40px 0;
}
.page a {
	padding:10px 15px;
	color:#4c4c4c;
	font-size:12px;
	margin:10px 5px;
  display: inline-block;
}
.page a.cur,.page a:hover {
	background:#01458e;
	color:#fff;
}
.page a.nocur {
	background:none;
	color:#4c4c4c;
}


/*新闻详细页面*/
.newcontit{width: 100%; text-align: center;}
.newcontit strong{ font-size: 18px; color: #000;  margin:30px 0 10px 0; display: block; }
.newcontit span{ display: block; margin-bottom:30px;  }
.newcontit span em{ margin-left: 20px }



.nextpage{ margin:20px 0; }
.nextpage p{ line-height: 30px;
 overflow: hidden;display:block;  font-size: 14px; font-weight: bold; color:#000 }
.nextpage p a{ margin-left: 10px }
 



.productcon {width: 100%; overflow: hidden; margin:50px 0; }
.productcon .proleft{ float: left; width: 350px; }
.productcon .proleft img{ max-width: 350px; overflow: hidden; }
.productcon .proright{ float: left; width: 450px; height: 30px;  margin-left:60px }
.productcon .proright p{ line-height: 40px; }
.productcon .proright p span{ color: #000; font-size: 14px; }
.protext a{ font-size: 16px; color: #fff;
 padding:10px 30px; display: inline-block; cursor: pointer; margin-right: 20px; margin-bottom:20px;}








/*留言板*/
.message {
  background: #fff;
  width: 460px;
  padding: 20px;
  margin: 0 auto;
  margin-top:30px;
}
.message p{
  text-align: center;
}
.message p strong{
  font-size: 30px;
  display: block;
  color: #000;
}
.message p em{
  color: #eeb819;
  font-size: 14px;

}
.message form{
  margin-top: 20px;
}

.message form label{ 
  display: block;
  margin-bottom: 20px
   }
.message form label span{ 
  width: 100px; 
display: inline-block; 
text-align: left;
font-size: 16px;
 }
.message form label input{
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  min-height: : 40px; 
  line-height: 40px;
  padding-left: 5px;
  background: #f1f1f1;
  width: 300px
}
.message form label.button{ 
  width: 100%;
  height: 40px; 
  background: #333333;
  color:#fff; 
  display: block;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;


 }
 .message form label.button input{
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;


 }
.message form label textarea{
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  line-height: 40px;
  padding-left: 5px;
  background: #f1f1f1;
  width: 300px}


.key { margin-top: 20px; }
.key h4{ color: #fff; }
.key div{padding: 10px}
.key p{ font-size: 12px; line-height: 30px; color: #666;   }
.key p span{ color: #000;}




.protext  img{ width: 100%;overflow: hidden; margin:0 auto;  }
.protext { overflow: hidden; text-align: left; padding-bottom:4%; line-height: 30px   }
.protext img{ width:100%; height: auto; overflow: hidden;   }
.protext p{  display: block; overflow: hidden; font-weight: bold; font-size: 20px }
.protext span{ font-size: 16px; display: block;  overflow: hidden; }
.protext a{ overflow: hidden; text-align: left; }
.protext em,.protext ul li  i{margin-right: 10px; font-size: 16px }
.protext em{ color: #f00 }
.protext i{ color: #999 }

.pritit { border-left: 0.3em solid #ff2606; padding-left: 1em; font-size: 20px  }
.priceblock{background: #fff; padding:5% 2%; width: 96%}
.price ul{ background: #eaeaea; overflow: hidden; padding:3% 0 ; margin:1em auto; font-size: 18px }
.price ul li p{ color: #666 }
.price ul li{ float: left; width: 33%; text-align: center; line-height: 30px  }
.price ul li span{ color: #ff2606 }
.pribtn{ display: block; margin-bottom: 1em; overflow: hidden; }
.pribtn em{ float: left; margin-right:0.5em; font-size: 16px; color: #ff2606; 
  border:0.1em solid #ff2606; border-radius: 0.5em; padding:0.3em 0.8em;  }
.pritext{ color: #666;  }











/*图片查看器*/
 .middle-img {
            position: absolute;
            left: 259px;
            top: 0px;
            width: 40px;
        }

        .up-img {
            position: absolute;
            top: -40px;
            left: 261px;
            width: 40px;
        }

        .down-img {
            position: absolute;
            top: 40px;
            left: 257px;
            width: 40px;
        }

        .left-img {
            position: absolute;
            left: 218px;
            width: 40px;
        }

        .right-img {
            position: absolute;
            left: 300px;
            width: 40px;
        }
        @media screen and (max-width:450px) {
            .middle-img {
                position: absolute;
                left: 259px;
                top: 0px;
                width: 40px;
                display: none;
            }

            .up-img {
                position: absolute;
                top: -40px;
                left: 261px;
                width: 40px;
                display: none;
            }

            .down-img {
                position: absolute;
                top: 40px;
                left: 257px;
                width: 40px;
                display: none;
            }

            .left-img {
                position: absolute;
                left: 218px;
                width: 40px;
                display: none;
            }

            .right-img {
                position: absolute;
                left: 300px;
                width: 40px;
                display: none;
            }

            .rotate_jia{
                display: none;
            }.rotate_div{
                display: none;
            }.rotate_jian{
                display: none;
            }
        }







.am-gallery-default .am-gallery-title,.am-gallery-overlay .am-gallery-title {
  font-weight:400;
  display:block;
  word-wrap:normal;
  text-overflow:ellipsis;
  overflow:hidden
}

.am-gallery-overlay .am-gallery-item {
  position:relative;
  height: 100%;
  width:100%;
}
.am-gallery-overlay .am-gallery-item img {
  width: 100%;
  height: 100%

}
.am-gallery-overlay .am-gallery-title {
  font-size:1em;
  color:#FFF;
  position:absolute;
  bottom:0;
  width:100%;
  background-color:rgba(0,0,0,.5);
  height:42px;
  line-height:42px
}
.am-gallery-overlay .am-gallery-title span{ width: 60%; float: left; overflow: hidden; display: inline-block; }
.am-gallery-overlay .am-gallery-title a{ color: #fff }
.am-gallery-overlay .am-gallery-title a.more{ position: absolute; line-height: 30px; 
  border:none; right:0; background: #01458e; margin: 5px; color: #fff; border-radius:5px; 
  padding:1px 10px }

.am-gallery-bordered .am-gallery-item {
  -webkit-box-shadow:0 0 3px rgba(0,0,0,.35);
  box-shadow:0 0 3px rgba(0,0,0,.35);
  padding:5px
}

.am-gallery-bordered .am-gallery-title {
  font-size:1.4rem;
  color:#555
}





.am-avg-lg-4>li {
   width:30%;
   float: left;
   margin-right: 3%;
   height: 200px;
   margin-bottom: 20px;
}




.am-icon-chevron-left:before {
  content:"关闭";
  font-size:1em;
  font-weight: bold;
}

.am-pureview {
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  right:0;
  z-index:1120;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.95);
  display:none;
  overflow:hidden;
  -webkit-transition:-webkit-transform .3s;
  transition:-webkit-transform .3s;
  transition:transform .3s;
  transition:transform .3s,-webkit-transform .3s;
  -webkit-transform:translate(0,100%);
  -ms-transform:translate(0,100%);
  transform:translate(0,100%)
}
.am-pureview-slider li.am-active,.am-pureview.am-active {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0)
}
.am-pureview.am-active {
  transform:translate(0,0)
}



.am-pureview-slider li {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  vertical-align:middle;
  -webkit-transition:all .3s linear;
  transition:all .3s linear;
  z-index:100;
  visibility:hidden
}
.am-pureview-slider li.am-pureview-slide-prev {
  -webkit-transform:translate(-100%,0);
  -ms-transform:translate(-100%,0);
  transform:translate(-100%,0);
  z-index:109
}
.am-pureview-slider li.am-pureview-slide-next {
  -webkit-transform:translate(100%,0);
  -ms-transform:translate(100%,0);
  transform:translate(100%,0);
  z-index:109
}
.am-pureview-slider li.am-active {
  position:relative;
  z-index:110;
  transform:translate(0,0);
  visibility:visible
}
.am-pureview-slider .pinch-zoom-container {
  width:100%;
  z-index:1121
}


.am-pureview-slider .am-pinch-zoom {
  position:relative;
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.am-pureview-slider .am-pinch-zoom:after {
  display:inline-block;
  font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0);
  content:"\f110";
  -webkit-animation:icon-spin 2s infinite linear;
  animation:icon-spin 2s infinite linear;
  font-size:24px;
  line-height:24px;
  color:#eee;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-12px;
  margin-top:-12px;
  z-index:1
}
.am-pureview-slider .am-pinch-zoom.am-pureview-loaded:after {
  display:none
}


.am-pureview-slider img {
  position:relative;
  display:block;
  max-width:100%;
  max-height:100%;
  opacity:0;
  z-index:200;
  -webkit-user-drag:none;
  -webkit-transition:opacity .2s ease-in;
  transition:opacity .2s ease-in
}

.am-pureview-slider img.am-img-loaded {
  opacity:1
}

.am-pureview-direction {
  position:absolute;
  top:50%;
  width:100%;
  margin-top:-18px!important;
  z-index:1122
}
.am-pureview-only .am-pureview-direction,.am-touch .am-pureview-direction {
  display:none
}
.am-pureview-direction li {
  position:absolute;
  width:36px;
  height:36px
}
.am-pureview-direction a {
  display:block;
  height:50px;
  border:none;
  color:#fff;
  background: rgba(0, 0, 0 ,0.5);
  opacity:1;
  cursor:pointer;
  text-align:center;
  z-index:1125
}

.am-pureview-actions,.am-pureview-bar {
  height:45px;
  background-color:rgba(0,0,0,.35);
  position:absolute
}
.am-pureview-direction a:before {
  content:"<";
  line-height:46px;
  font-size:40px
}
.am-pureview-direction a:hover {
  opacity:1
}
.am-pureview-direction .am-pureview-prev {
  left:15px
}
.am-pureview-direction .am-pureview-next {
  right:15px
}
.am-pureview-direction .am-pureview-next a:before {
  content:">";
}
.am-pureview-bar {
  bottom:0;
  width:100%;
  color:#eee;
  line-height:45px;
  font-size:14px;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
}
.am-pureview-bar .am-pureview-title {
  display:block;
  word-wrap:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  margin-left:6px;
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}

.am-pureview-actions {
  left:0;
  right:0;
  top:0
}
.am-pureview-actions a {
  position:absolute;
  left:10px;
  color:#ccc;
  display:block;
  width:45px;
  line-height:45px;
  text-align:left;
  font-size:16px;
  z-index: 10000000;
  top: 50px;
}

.am-pureview-actions a:hover {
  color:#fff
}
.am-pureview-actions [data-am-toggle=share] {
  left:auto;
  right:10px
}
.am-pureview-actions,.am-pureview-bar {
  opacity:0;
  -webkit-transition:all .15s;
  transition:all .15s;
  z-index:1130
}
.am-pureview-bar-active .am-pureview-actions,.am-pureview-bar-active .am-pureview-bar {
  opacity:1
}
.am-checkbox .am-icon-checked,.am-checkbox-inline .am-icon-checked,.am-radio .am-icon-checked,.am-radio-inline .am-icon-checked,.am-ucheck-checkbox:checked+.am-ucheck-icons .am-icon-unchecked,.am-ucheck-radio:checked+.am-ucheck-icons .am-icon-unchecked {
  opacity:0
}
.am-pureview-nav {
  position:absolute;
  bottom:15px;
  left:0;
  right:0;
  text-align:center;
  z-index:1131
}
.am-pureview-bar-active .am-pureview-nav {
  display:none
}
.am-pureview-nav li {
  display:inline-block;
  background:#ccc;
  background:rgba(255,255,255,.5);
  width:8px;
  height:8px;
  margin:0 3px;
  border-radius:50%;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer
}
.am-pureview-nav .am-active {
  background:#fff;
  background:rgba(255,255,255,.9)
}
[data-am-pureview] img {
  cursor:pointer
}
.am-pureview-active {
  overflow:hidden
}